
body { font-size: 0.9em; font-family: "Trebuchet MS", "Verdana", sans-serif; background: #e7e7e2 url('../img/bg-body-top.png') repeat-x;	}
body { padding-top: 0; margin: 0;}

a { color: #0075d9; }
a:hover, a span.current { color: #f00; }
img {border: 0;}

td.lab-r { text-align: right; padding-right: 8px; white-space: nowrap; }
td.ctr { width: 100%; }

#page { padding-top: 10px; width: 880px; margin: 0 auto; }

#userBox { float:right; }
#XuserBox a { color: #fff; font: bold 0.8em Arial; text-decoration: none;}
#userBox a { color: #fff; font: bold 0.9em Arial; }
#userBox a:hover { color: #4E6F8A; }
#userBox #userRecord { float:right; display: block; margin: 0px 12px 0 0; }
#userBox #userRecord { font: bold 1.3em/1.4em Arial, Tahoma; }
#userBox #userRecord div { color: #fff; float:right; display: block; text-decoration: underline; }
#userBox { overflow: hidden; margin: 0;}
* html #userbox { height: 1%; }
#userBox h3 { float: left; }
#userBox h3 img { float: left; }
#userBox #login-form { float: right; padding-top: 5px;}
#userBox #login-form fieldset { float: left; padding: 0 0 0 5px; border-style: none;}
#userBox #login-form label { display: block; font-size: .8em; }
#userBox #login-form input { border: 1px solid #b9b9b9; width: 109px; font-size: .8em; padding: 3px; }
#userBox #login-form input.btn { width: 48px; height: 24px; }

#dlgBox {background-color: #E7E7E2; font: normal 1.2em Verdana;}

#workspace { 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	clear: both;
	padding: 12px 0px;
	min-height: 480px;
	background: #ffffff url('../img/bg-page-top.gif') repeat-x;
}

/*
* CONTENT
*/
	
#content { 
	clear: both;
	padding: 0px 32px 20px 16px;
	padding: 0;
}
	
/*
* MAIN
*/

#main { float: left; padding: 0; width: 580px; font-family: "Trebuchet MS", Vardana, Arial; }
#main { border-right: dashed 1px #bbb; min-height: 500px;}
#main div.day {padding: 6px 0; text-align: right; font: bold 1.1em Arial; margin-bottom: 8px;}
#main div.weekend {color: #f33;}
#main div.workday {color: #4E6F8A;}
* html #main {
  display: inline; /* убиваем баг с двойными полями */
}


#tab_body {
	border: solid 1px #DEE6EE; border-left-style: none; border-bottom-style: none;
	border-style: none; 
	padding: 0 20px 0 10px; 
	margin-left: 20px; 
}

#tab_body h2 {padding-top: 16px; font: bold 1.2em Arial; color: #4E6F8A; border-bottom: dashed 1px #bbb;}


/*

#menu {
	overflow: hidden;
	font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 20px 10px  20px 27px;}
* html #menu { height: 1%; }
* html #menu li { float: left; }

#menu li { list-style: none; }
#menu li a { color: #0075d9; padding: 4px 12px; display: block; float: left; }
#menu li.current a, #menu li a:hover {color: #f00;}

*/

.bigLink {
	text-decoration: underline;
	cursor: pointer;
	font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
}

/*
	color: #0075d9;
*/

div.event-divider {clear: both; border-bottom: dashed 1px #D8D8D8; height: 8px; margin-bottom: 8px;}

.ebox_outer { left: 0; margin-bottom: 4px; border: solid 1px #fff;}
div.hovered { background-color: #ffefde; border: solid 1px #ffdab0;}

div.shared     { padding: 4px; border: solid 1px #fff; border-left: solid 4px #f80; }
div.not-shared { padding: 4px; border: solid 1px #fff; padding-left: 8px;}

div.past {color: #999;}
div.future {color: #000;}

/*
*/
div.spam { color: #ccc; background: url('../img/spam.gif') no-repeat center transparent; }

.infoBox { padding: 4px 8px; margin-left:48px; margin-right:96px; display:block; }
.infoBox .footer { font: normal 0.9em Tahoma, Arial; }
.infoBox .footer .info { float: left; }

.footer .info a { float: left; margin-right: 8px; display: block;}
.footer .info a span { float: left; width: 16px; height: 16px; text-decoration: none; display: block; }

.footer .info a span { background: url('../img/icons-blue.png') no-repeat top right; }

a.ico-appear { visibility: hidden; }
.hovered a.ico-appear { visibility: visible; }
.appeared a.ico-appear { visibility: visible; }

a.ico-always span.ico-comment { background-position: -128px -96px; }
a.ico-always span.ico-man     { background-position: -144px -96px; }
a.ico-appear span.ico-chain   { background-position: -240px -112px; }
a.ico-appear span.ico-edit    { background-position: -64px -112px; }
a.ico-appear span.ico-spam    { background-position: 0px -128px; }
a.ico-appear span.ico-delete  { background-position: -176px -96px; }
a.ico-always span.ico-delete  { background-position: -176px -96px; }


/*
*	USERS
*/

ul.user-list { padding: 0; }
ul.user-list li { list-style: none; float: left; display: inline-block; padding-left: 12px;}
ul.user-list li p.face { float: left; display: block; padding-right: 6px; } 

/*
*	SIDEBAR
*/

#sidebar { float: right; width: 260px; padding: 0 15px;  border: none 1px green;}

/*
* USERCARD
*/

table.user-props td.name { text-align: right; padding-right: 4px; border-right: solid 1px #ddd;}
table.user-props td.prop { text-align: left; padding-left: 4px; }

/*
a.colored span { color: #ee4f1f; text-decoration: underline; font-weight: bold;}
a.colored { color: #2e83ff; text-decoration: none; font-weight: normal;}
a.colored:hover { text-decoration: underline; }
*/


/*
* COMMENTS
*/

div.comment_box .face { float:left; width:48px; margin-bottom:4px; }

.comment_box { padding: 8px;}

#waitBox {
	display:none;
	position: absolute;
	left: 0px; top: 0px;
	padding: 2px;
	background-color: #f7f7f7;
}


/*
* MESSAGES
*/
.msgDate { float: left; width: 130px; }
.msgText { display:block; margin-left:130px; overflow: auto; width: 400px;}


/*
* POPUPMENU
.avatar { cursor: pointer; }
*/
	
#popupBox {
	display:none;
	position: absolute;
	left: 0px; top: 0px;
	border: solid 1px #bbb;
	background-color: #f7f7f7;
	padding: 2px;
}

.thickMenu { width: 180px; }
.thinMenu  { width: 110px; }

.thickMenu li { width: 180px; }
.thinMenu  li { width: 110px; }

.thickMenu li a { width: 170px; }
.thinMenu  li a { width: 100px; }

#menuBox {
	clear:left; 
	list-style: none;
	display: block;
	margin: 0px; padding: 0;
	}
	
#menuBox li {
	float: none;
	display: block; width: 110px; margin: 0; padding: 0;
	list-style: none;
	border-style: none;
	}
	
#menuBox li a {
	display: block; margin: 0; padding: 2px 5px;
	text-align: left; white-space: nowrap;
	color: #444;
	text-decoration: none;
	}
#menuBox li a:hover {
	background-color: #B1C5D9;
	border: solid 1px #4E6F8A;
	background-color: #DEE6EE;
	border: solid 1px #B1C5D9;
	padding: 1px 4px;
	color: #000;
	text-decoration: none;
	}

#menuBox li.divider {
	border-top: solid 1px #bbb;
	}


/*
* CENTER ALIGNMENT
*/
p.advice {font: normal 1.0em Arial, Verdana; color: #345; background-color: #fff; margin-top: 30px; padding: 6px; }
p.advice span {color: #FF8700;}

/*
* CENTER ALIGNMENT
*/
.toC
{
	position: relative;
	width: 100%;
}
.toC:after
{
	content: '';
	display: block;
	clear: both;
}
.toL
{
	position: relative;
	right: 50%;
	float: right;
	margin: 0;
}
.toR
{
	position: relative;
	z-index: 1;
	right: -50%;
}


/*
* CUSTOM INPUTS
*/

#linkSubmitFilter { margin: 6px 0 0 20px; }



.CheckBoxClass,.RadioClass {
position: absolute;
overflow: hidden;
left: -9999px;
}

.CheckBoxLabelClass{
	background: url("../img/cbx-0.gif") no-repeat;
	padding-left: 28px;
	padding-top: 4px;
	margin-left: 20px;
	height: 24px;	
	display: block;
	float: left;
}
.CheckBoxLabelClass:hover, .RadioLabelClass:hover{
	text-decoration: underline;
}
.LabelSelected{
	background: url("../img/cbx-1.gif") no-repeat;
}
.RadioLabelClass{
	background: url("../img/RUnCheck.png") no-repeat;
	padding-left: 30px;
	padding-top: 3px;
	margin: 5px;
	height: 28px;	
	width: 70px;
	display: block;	
	float: left;
}
.RadioSelected{
	background: url("RCheck.png") no-repeat;
}